<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>机构端</title>
        <script src="/Public/static/jquery-2.0.3.min.js"></script>
        <script src="/Public/static/layer/layer.js"></script>
        <link rel="stylesheet" href="__PUBLIC__/Home/css/reset.css">
        <link rel="stylesheet" href="__PUBLIC__/Home/css/style.css">
        <link rel="stylesheet" href="__PUBLIC__/Home/css/page.css" />
	</head>

	<body class="agency_box contentBox pos_rel dpflxr">
		<include file="head" />

		<!-- 2.垂直导航 -->
		<div class="navColumn">
			<a href="{:U('Mechanism/index')}" <if condition="$cur eq '信息设置'">class="navColumnItem actived dpflxr pos_rel"<else/>class="navColumnItem dpflxr pos_rel"</if> data-type='1'>
				<div class="lineColumn pos_abs"></div>
				<label for="">信息设置</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/department_manage')}" <if condition="$cur eq '部门管理'">class="navColumnItem actived dpflxr pos_rel"<else/>class="navColumnItem dpflxr pos_rel"</if> data-type='2'>
				<div class="lineColumn pos_abs"></div>
				<label for="">部门管理</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/staff')}" <if condition="$cur eq '员工管理'">class="navColumnItem actived dpflxr pos_rel"<else/>class="navColumnItem dpflxr pos_rel"</if> data-type='3'>
				<div class="lineColumn pos_abs"></div>
				<label for="">员工管理</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/role_manage')}" <if condition="$cur eq '权限管理'">class="navColumnItem actived dpflxr pos_rel"<else/>class="navColumnItem dpflxr pos_rel"</if> data-type='4'>
				<div class="lineColumn pos_abs"></div>
				<label for="">权限管理</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/punch_record')}" <if condition="$cur eq '打卡记录'">class="navColumnItem actived dpflxr pos_rel"<else/>class="navColumnItem dpflxr pos_rel"</if> data-type='5'>
				<div class="lineColumn pos_abs"></div>
				<label for="">打卡记录</label>
				<div class="rightArrow">
				</div>
			</a>
		</div>


		<!-- 3.垂直导航分类页面 -->
	
		<!-- 3.3 打卡记录  -->
		<div class="contentArea tabPage actived">			
		
			<div id="checkInRecord" >
				<div class="caTitleBox dpflxr">
					<label for="" class="caTitle">打卡记录</label>
					<div class="dpflxr">
						
						<div class="dateSelectBox dpflxr">
							<input type="date" class="dateBox" />
							<label>~</label>
							<input type="date" class="dateBox" />
						</div>
						
						
						<div class="caBtn searchBtn">查询</div>
					
						
					</div>
				</div>
				
				<div class="dpflxr">
					<div class="dataBox dpflxc">
						<label for="" class="num">10</label>
						<label >已打卡	</label>
					</div><div class="dataBox dpflxc">
						<label for="" class="num">3</label>
						<label >未打卡</label>
					</div><div class="dataBox dpflxc">
						<label for="" class="num">5</label>
						<label >迟到</label>
					</div><div class="dataBox dpflxc">
						<label for="" class="num">7</label>
						<label >外勤</label>
					</div>
					
				</div>
			
				
				<div class="caTable card">
					<table border="0" width="100%">
							<tbody>
								<tr>
									<th scope="col" width="11%" style="border-top-left-radius: 6px;">姓名</th>
									<th scope="col" width="11%">手机号</th>
									<th scope="col" width="11%">部门</th>
									<th scope="col" width="11%">角色</th>
									
									<th scope="col" width="11%">状态</th>
									
									<th scope="col" width="45%" style="border-top-right-radius: 6px;box-sizing: border-box; padding-left: 25%;" >打卡时间</th>
								</tr>

								<tr>
									<td>张三</td>
									<td>1557599446</td>
									<td >销售部</td>
									<td>置业顾问</td>																	
									<td>已打卡</td>									
									<td style="box-sizing: border-box; padding-left: 25%;" >2021-02-02 09:00:20</td>
								</tr>
								
						
							</tbody>
					</table>
				</div>
			<div class="page">
	            {$_page}
	        </div>
			</div>
						
		</div>
		
		

		

	
	</body>
</html>
